home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web13 / tutorial 4 / scraps.css < prev    next >
Cascading Style Sheet File  |  2011-02-14  |  2KB  |  45 lines

  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 4
  4.    Tutorial Case
  5.  
  6.    Online Scrapbooks Style Sheet
  7.    Author: Leah Grullon
  8.    Date:   February 14, 2011
  9.  
  10.    Filename:         scraps.css
  11.    Supporting Files: back.jpg, bullet.jpg
  12.  
  13. */
  14.  
  15. body       {margin: 0px; color: brown; 
  16.             background: white url(back.jpg) repeat-y}
  17. h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; color: orange}
  18. h1         {border-bottom: 2px solid orange; background-color: white; margin: 0px; padding: 0px}
  19. ul         {margin-top:0px}
  20.  
  21. #outer_container   {width: 780px}
  22. #head              {text-align: right}
  23.  
  24. #links             {float: left; width: 200px} 
  25. #links ul          {list-style-type: none; margin-left: 15px; padding-left: 0px}
  26. #links li.newGroup {margin-top: 15px}
  27. #links a:link      {text-decoration: none} 
  28. #links a:visited   {text-decoration: none} 
  29. #links a:hover     {color: black; text-decoration: underline}
  30. #links a:active    {text-decoration: none}
  31.  
  32. #firstp:first-line   {font-variant: small-caps}
  33. #firstp:first-letter {float: left; font-size: 400%; line-height: 0.8} 
  34.  
  35. #article           {margin-left: 200px}
  36.  
  37. #pullout           {float: right; width: 250px; margin: 0px 0px 10px 10px; 
  38.                     border: 5px outset orange; background-color: ivory;
  39.                     font-size: 10pt; font-family: Arial, Helvetica, sans-serif}
  40. #pullout h2        {text-align: center; background-color: white; margin-top: 0px;
  41.                     border-bottom: 2px solid orange} 
  42. #pullout ul        {list-style-image: url(bullet.jpg); margin-left: 25px; padding-left: 0px}
  43.  
  44. address            {text-align: center; font-style: normal; font-variant: small-caps;
  45.                     border-top: 2px solid orange; color: orange}